<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图片展示</title>
    <link rel="stylesheet" href="./base.css">
    <link rel="stylesheet" href="./theimg.css">
</head>
<body>
    <div class="top-bg">
        <div class="top-center">
            <h5 class="top-left">西南民族大学—民族文化网</h5>
            <div class="top-right">
                <a href="">免注册一键式邮箱反馈</a>
            </div>
        </div>
    </div>
    <!-- 标题部分 -->
    <div class="title"> 
    <div class="title1"> 
        <h2>西南民族大学-民族文化网</h2>
    </div>
    <div class="title1"> 
        <h2>SMU-National Culture Website</h2>
    </div>
    </div>
    <!-- 详细内容展示 -->
    <div>
        <h3 class="information">所有图片<br>(All Images)</h3>
    </div>
    <div class="bibox">
            <div th:each="image: ${images}">
                <a th:href="${image.getInfo_path()}"> <image class="img" th:src="${image.getInfo_path()}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload=""></image></a>
                <div class="text1"><h4><span th:text="${image.getDescription()}"></span> </h4></div>
            </div>
    </div>
</body>
</html>